<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--<script>-->

    <!--const avengers = {-->
        <!--blackWidow: 'Natasha Romanoff',-->
        <!--ironManCharacters: {-->
            <!--couple: {-->
                <!--ironMan: 'Tony Stark',-->
                <!--hera: 'Pepper Potts',-->
            <!--},-->
            <!--partner: {-->
                <!--warMachine: 'James Brodie'-->
            <!--}-->
        <!--},-->
        <!--capCharacters: {-->
            <!--cap: 'Steve Rogers',-->
            <!--partner: {-->
                <!--falcon: 'Sam Wilson'-->
            <!--}-->
        <!--}-->
    <!--};-->


<!--//    const { ironManCharacters: { couple } } = avengers;-->


    <!--const {-->
        <!--ironManCharacters: {-->
            <!--couple: couple-->
        <!--}-->
    <!--} = avengers;-->

<!--//    const ironManCharacters = {family:{}}-->


<!--//    ({-->
<!--//        ironManCharacters: {-->
<!--//            couple: ironManProperties.family-->
<!--//        }-->
<!--//    } = avengers);-->


<!--//    console.log(ironManCharacters.family)-->


    <!--let a, b;-->
    <!--({a, b} = {a: 1, b: 2});-->
    <!--console.log(a,b)-->



    <!--console.log(couple)-->
<!--</script>-->


<script>
    const avengers = {
        blackWidow: 'Natasha Romanoff',
        ironManCharacters: {
            couple: {
                ironMan: 'Tony Stark',
                hera: 'Pepper Potts'
            }
        }
    };

    const ironManProperties = {
        family: {}
    };

    ({
        ironManCharacters: {
            couple: ironManProperties.family
        }
    } = avengers);


    console.log(ironManProperties.family)
</script>
</body>
</html>